@charset "utf-8";
$font-size:40;
@function rem($px) {
    @return $px/$font-size*1rem;
}

header{
    .explain{
        width: rem(38);
        margin-right: rem(20);
        margin-top: rem(22);
        img{
            width: 100%;
            height: 100%;
        }
    }
}

#explain1{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display:none ;
    z-index: 999;
    background: rgba(0,0,0,0.3);
    
}
.explain1{
 
    .explaincontent{
        width: rem(545);
        height: rem(700);
        background: #f8f8f8;
        border-radius: rem(50);
        -webkit-border-radius: rem(15);
        position: absolute;
        top: rem(218);
        left: rem(50);
         z-index: 9990;
         transition: all 2s linear 300ms;
         animation: translate-scale 1s ease-in-out forwards;
         
         @keyframes translate-scale{
             0%{transform: translateX(rem(545));-webkit-transform: translateX(rem(545));opacity: 0.2;}
             50%{transform: translateX(0);-webkit-transform: translateX(0);transform:rotateY(0);-webkit-transform:rotateY(0);opacity: 0.6;}
             100%{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);opacity: 1;}
         }
         .closebtn{
    width: 90%;
    height: rem(114);
   position: absolute;
   left: rem(20);
   bottom: rem(23); 
    border-top: rem(1) solid #CCCCCC;
   
    a{
       position: absolute;
       top: rem(30);
       left: 0;
        display: inline-block; 
        width: 100%;
        height: rem(78);
        border: rem(1) solid #CCCCCC;
        background: #FFFFFF;
        text-align: center;
        font-size: rem(29);
        line-height:rem(78) ;
        color: #CCCCCC;
    }
}
        h5{
            font-size: rem(36);
            color: red;
            line-height: rem(39);
            margin-top: rem(42);
             margin-bottom: rem(42);
             text-align: center;
        }
        P{
            width: 80%;
            font-size: rem(24);
            line-height: rem(39);
            text-align: left;
            padding-left: rem(20);
            padding-right: rem(20);
        }
        span{
            display: inline-block;
            width:80% ;
            text-align: left;
            font-size: rem(24);
            line-height: rem(39);
            padding-left: rem(40);
        }
       
    }
}
.content{
    width: 100%;
    height: rem(117);
    background: #FFFFFF;
    border-bottom: rem(1) solid #CCCCCC;
    .tixian{
        width: 90%;
        margin: 0 auto;
         height: rem(117);
        .left{
            h5{
                color: black;
                font-size: rem(24);
                line-height: rem(67);
            }
            p{
                font-size: rem(24);
                color: #666666;
                 line-height: rem(47);
            }
        }
        .right{
             text-align: right;
            span{
                color: black;
                 font-size: rem(24);
                 line-height: rem(57);
            }
            #shouru{
                font-size: rem(24);
                 line-height: rem(54);
                text-align: right;
                color: #cc3333;
            }
            p{
               font-size: rem(24);
               color: #666666; 
                line-height: rem(47);
            }
        }
    }
}

